
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 14:37:55 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="allan-cordeiro">
        <span class="simulation-information-label">Description: </span>
        <span>allan-cordeiro</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68413</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692801476000,3],[1692801477000,2],[1692801478000,2],[1692801479000,2],[1692801480000,2],[1692801481000,2],[1692801482000,2],[1692801483000,2],[1692801484000,2],[1692801485000,2],[1692801486000,2],[1692801487000,2],[1692801488000,2],[1692801489000,2],[1692801490000,2],[1692801491000,2],[1692801492000,2],[1692801493000,2],[1692801494000,2],[1692801495000,2],[1692801496000,2],[1692801497000,2],[1692801498000,2],[1692801499000,2],[1692801500000,2],[1692801501000,6],[1692801502000,6],[1692801503000,6],[1692801504000,7],[1692801505000,7],[1692801506000,7],[1692801507000,7],[1692801508000,8],[1692801509000,7],[1692801510000,8],[1692801511000,8],[1692801512000,8],[1692801513000,8],[1692801514000,9],[1692801515000,9],[1692801516000,9],[1692801517000,9],[1692801518000,9],[1692801519000,10],[1692801520000,9],[1692801521000,10],[1692801522000,10],[1692801523000,10],[1692801524000,11],[1692801525000,11],[1692801526000,10],[1692801527000,11],[1692801528000,12],[1692801529000,11],[1692801530000,12],[1692801531000,11],[1692801532000,12],[1692801533000,12],[1692801534000,13],[1692801535000,12],[1692801536000,13],[1692801537000,13],[1692801538000,13],[1692801539000,13],[1692801540000,14],[1692801541000,13],[1692801542000,14],[1692801543000,14],[1692801544000,14],[1692801545000,15],[1692801546000,14],[1692801547000,15],[1692801548000,15],[1692801549000,15],[1692801550000,16],[1692801551000,15],[1692801552000,16],[1692801553000,16],[1692801554000,16],[1692801555000,16],[1692801556000,17],[1692801557000,16],[1692801558000,17],[1692801559000,17],[1692801560000,18],[1692801561000,17],[1692801562000,18],[1692801563000,17],[1692801564000,18],[1692801565000,19],[1692801566000,18],[1692801567000,18],[1692801568000,19],[1692801569000,19],[1692801570000,19],[1692801571000,20],[1692801572000,19],[1692801573000,20],[1692801574000,20],[1692801575000,20],[1692801576000,20],[1692801577000,21],[1692801578000,21],[1692801579000,21],[1692801580000,21],[1692801581000,21],[1692801582000,22],[1692801583000,21],[1692801584000,22],[1692801585000,22],[1692801586000,22],[1692801587000,22],[1692801588000,23],[1692801589000,23],[1692801590000,23],[1692801591000,23],[1692801592000,23],[1692801593000,23],[1692801594000,24],[1692801595000,24],[1692801596000,24],[1692801597000,24],[1692801598000,25],[1692801599000,24],[1692801600000,25],[1692801601000,25],[1692801602000,25],[1692801603000,25],[1692801604000,26],[1692801605000,26],[1692801606000,26],[1692801607000,26],[1692801608000,26],[1692801609000,27],[1692801610000,26],[1692801611000,27],[1692801612000,27],[1692801613000,27],[1692801614000,28],[1692801615000,28],[1692801616000,27],[1692801617000,28],[1692801618000,29],[1692801619000,28],[1692801620000,29],[1692801621000,28],[1692801622000,29],[1692801623000,29],[1692801624000,30],[1692801625000,29],[1692801626000,30],[1692801627000,30],[1692801628000,30],[1692801629000,30],[1692801630000,31],[1692801631000,30],[1692801632000,31],[1692801633000,31],[1692801634000,31],[1692801635000,32],[1692801636000,31],[1692801637000,32],[1692801638000,32],[1692801639000,32],[1692801640000,33],[1692801641000,32],[1692801642000,33],[1692801643000,33],[1692801644000,33],[1692801645000,33],[1692801646000,34],[1692801647000,33],[1692801648000,34],[1692801649000,34],[1692801650000,35],[1692801651000,34],[1692801652000,35],[1692801653000,34],[1692801654000,35],[1692801655000,36],[1692801656000,35],[1692801657000,35],[1692801658000,36],[1692801659000,36],[1692801660000,36],[1692801661000,37],[1692801662000,36],[1692801663000,37],[1692801664000,37],[1692801665000,37],[1692801666000,37],[1692801667000,37],[1692801668000,38],[1692801669000,38],[1692801670000,38],[1692801671000,38],[1692801672000,39],[1692801673000,38],[1692801674000,39],[1692801675000,39],[1692801676000,39],[1692801677000,39],[1692801678000,40],[1692801679000,40],[1692801680000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692801476000,3],[1692801477000,2],[1692801478000,2],[1692801479000,2],[1692801480000,2],[1692801481000,2],[1692801482000,2],[1692801483000,2],[1692801484000,2],[1692801485000,2],[1692801486000,2],[1692801487000,2],[1692801488000,2],[1692801489000,2],[1692801490000,2],[1692801491000,2],[1692801492000,2],[1692801493000,2],[1692801494000,2],[1692801495000,2],[1692801496000,2],[1692801497000,2],[1692801498000,2],[1692801499000,2],[1692801500000,2],[1692801501000,6],[1692801502000,7],[1692801503000,7],[1692801504000,8],[1692801505000,8],[1692801506000,9],[1692801507000,9],[1692801508000,10],[1692801509000,11],[1692801510000,11],[1692801511000,11],[1692801512000,12],[1692801513000,13],[1692801514000,13],[1692801515000,13],[1692801516000,14],[1692801517000,15],[1692801518000,15],[1692801519000,16],[1692801520000,16],[1692801521000,17],[1692801522000,17],[1692801523000,18],[1692801524000,18],[1692801525000,19],[1692801526000,19],[1692801527000,20],[1692801528000,21],[1692801529000,21],[1692801530000,22],[1692801531000,21],[1692801532000,23],[1692801533000,23],[1692801534000,23],[1692801535000,24],[1692801536000,25],[1692801537000,25],[1692801538000,26],[1692801539000,26],[1692801540000,26],[1692801541000,27],[1692801542000,28],[1692801543000,28],[1692801544000,29],[1692801545000,29],[1692801546000,30],[1692801547000,30],[1692801548000,31],[1692801549000,31],[1692801550000,32],[1692801551000,33],[1692801552000,33],[1692801553000,33],[1692801554000,34],[1692801555000,34],[1692801556000,35],[1692801557000,36],[1692801558000,36],[1692801559000,36],[1692801560000,38],[1692801561000,37],[1692801562000,38],[1692801563000,39],[1692801564000,39],[1692801565000,40],[1692801566000,41],[1692801567000,42],[1692801568000,42],[1692801569000,42],[1692801570000,42],[1692801571000,43],[1692801572000,43],[1692801573000,44],[1692801574000,44],[1692801575000,45],[1692801576000,46],[1692801577000,46],[1692801578000,46],[1692801579000,47],[1692801580000,48],[1692801581000,48],[1692801582000,48],[1692801583000,49],[1692801584000,50],[1692801585000,50],[1692801586000,51],[1692801587000,51],[1692801588000,52],[1692801589000,52],[1692801590000,53],[1692801591000,53],[1692801592000,54],[1692801593000,54],[1692801594000,55],[1692801595000,55],[1692801596000,56],[1692801597000,56],[1692801598000,57],[1692801599000,58],[1692801600000,58],[1692801601000,58],[1692801602000,59],[1692801603000,60],[1692801604000,60],[1692801605000,60],[1692801606000,62],[1692801607000,62],[1692801608000,63],[1692801609000,63],[1692801610000,63],[1692801611000,64],[1692801612000,64],[1692801613000,65],[1692801614000,65],[1692801615000,66],[1692801616000,66],[1692801617000,67],[1692801618000,67],[1692801619000,68],[1692801620000,69],[1692801621000,68],[1692801622000,70],[1692801623000,70],[1692801624000,70],[1692801625000,71],[1692801626000,72],[1692801627000,72],[1692801628000,73],[1692801629000,73],[1692801630000,73],[1692801631000,74],[1692801632000,75],[1692801633000,75],[1692801634000,76],[1692801635000,76],[1692801636000,77],[1692801637000,77],[1692801638000,78],[1692801639000,78],[1692801640000,79],[1692801641000,80],[1692801642000,80],[1692801643000,80],[1692801644000,81],[1692801645000,82],[1692801646000,82],[1692801647000,83],[1692801648000,84],[1692801649000,83],[1692801650000,85],[1692801651000,84],[1692801652000,85],[1692801653000,86],[1692801654000,86],[1692801655000,87],[1692801656000,87],[1692801657000,88],[1692801658000,88],[1692801659000,89],[1692801660000,89],[1692801661000,90],[1692801662000,90],[1692801663000,91],[1692801664000,91],[1692801665000,92],[1692801666000,93],[1692801667000,93],[1692801668000,93],[1692801669000,94],[1692801670000,95],[1692801671000,95],[1692801672000,95],[1692801673000,96],[1692801674000,97],[1692801675000,97],[1692801676000,98],[1692801677000,98],[1692801678000,99],[1692801679000,99],[1692801680000,95]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692801476000,3],[1692801477000,2],[1692801478000,2],[1692801479000,2],[1692801480000,2],[1692801481000,2],[1692801482000,2],[1692801483000,2],[1692801484000,2],[1692801485000,2],[1692801486000,1],[1692801487000,4],[1692801488000,5],[1692801489000,6],[1692801490000,3],[1692801491000,6],[1692801492000,4],[1692801493000,7],[1692801494000,6],[1692801495000,7],[1692801496000,8],[1692801497000,5],[1692801498000,5],[1692801499000,2],[1692801500000,5],[1692801501000,7],[1692801502000,11],[1692801503000,14],[1692801504000,18],[1692801505000,22],[1692801506000,25],[1692801507000,28],[1692801508000,31],[1692801509000,34],[1692801510000,39],[1692801511000,41],[1692801512000,45],[1692801513000,47],[1692801514000,52],[1692801515000,55],[1692801516000,57],[1692801517000,61],[1692801518000,65],[1692801519000,68],[1692801520000,73],[1692801521000,74],[1692801522000,78],[1692801523000,83],[1692801524000,85],[1692801525000,89],[1692801526000,91],[1692801527000,94],[1692801528000,98],[1692801529000,101],[1692801530000,107],[1692801531000,109],[1692801532000,112],[1692801533000,116],[1692801534000,119],[1692801535000,123],[1692801536000,126],[1692801537000,128],[1692801538000,132],[1692801539000,136],[1692801540000,139],[1692801541000,142],[1692801542000,147],[1692801543000,150],[1692801544000,153],[1692801545000,156],[1692801546000,160],[1692801547000,163],[1692801548000,165],[1692801549000,169],[1692801550000,172],[1692801551000,176],[1692801552000,178],[1692801553000,182],[1692801554000,186],[1692801555000,190],[1692801556000,191],[1692801557000,195],[1692801558000,198],[1692801559000,202],[1692801560000,205],[1692801561000,207],[1692801562000,213],[1692801563000,214],[1692801564000,218],[1692801565000,222],[1692801566000,226],[1692801567000,227],[1692801568000,234],[1692801569000,237],[1692801570000,240],[1692801571000,241],[1692801572000,244],[1692801573000,248],[1692801574000,253],[1692801575000,256],[1692801576000,259],[1692801577000,262],[1692801578000,266],[1692801579000,270],[1692801580000,273],[1692801581000,276],[1692801582000,279],[1692801583000,282],[1692801584000,286],[1692801585000,291],[1692801586000,293],[1692801587000,296],[1692801588000,300],[1692801589000,305],[1692801590000,308],[1692801591000,311],[1692801592000,313],[1692801593000,314],[1692801594000,320],[1692801595000,322],[1692801596000,324],[1692801597000,328],[1692801598000,334],[1692801599000,336],[1692801600000,339],[1692801601000,344],[1692801602000,346],[1692801603000,349],[1692801604000,357],[1692801605000,357],[1692801606000,357],[1692801607000,364],[1692801608000,364],[1692801609000,373],[1692801610000,375],[1692801611000,376],[1692801612000,378],[1692801613000,385],[1692801614000,387],[1692801615000,388],[1692801616000,392],[1692801617000,396],[1692801618000,399],[1692801619000,404],[1692801620000,408],[1692801621000,408],[1692801622000,416],[1692801623000,417],[1692801624000,420],[1692801625000,425],[1692801626000,427],[1692801627000,429],[1692801628000,435],[1692801629000,436],[1692801630000,440],[1692801631000,444],[1692801632000,444],[1692801633000,450],[1692801634000,457],[1692801635000,460],[1692801636000,459],[1692801637000,466],[1692801638000,466],[1692801639000,472],[1692801640000,476],[1692801641000,479],[1692801642000,482],[1692801643000,485],[1692801644000,487],[1692801645000,490],[1692801646000,492],[1692801647000,497],[1692801648000,501],[1692801649000,505],[1692801650000,509],[1692801651000,508],[1692801652000,513],[1692801653000,518],[1692801654000,520],[1692801655000,525],[1692801656000,525],[1692801657000,532],[1692801658000,535],[1692801659000,538],[1692801660000,541],[1692801661000,546],[1692801662000,548],[1692801663000,551],[1692801664000,558],[1692801665000,560],[1692801666000,559],[1692801667000,562],[1692801668000,567],[1692801669000,569],[1692801670000,573],[1692801671000,580],[1692801672000,582],[1692801673000,586],[1692801674000,586],[1692801675000,594],[1692801676000,593],[1692801677000,596],[1692801678000,600],[1692801679000,604],[1692801680000,579]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  84.04,15.8,0.07,0.02,0.01,0.0,0.01,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692801476,null],[1692801477,null],[1692801478,null],[1692801479,null],[1692801480,null],[1692801481,null],[1692801482,null],[1692801483,null],[1692801484,null],[1692801485,null],[1692801486,null],[1692801487,null],[1692801488,null],[1692801489,null],[1692801490,null],[1692801491,null],[1692801492,null],[1692801493,null],[1692801494,null],[1692801495,null],[1692801496,null],[1692801497,null],[1692801498,null],[1692801499,null],[1692801500,null],[1692801501,null],[1692801502,null],[1692801503,null],[1692801504,null],[1692801505,null],[1692801506,null],[1692801507,null],[1692801508,null],[1692801509,null],[1692801510,null],[1692801511,null],[1692801512,null],[1692801513,null],[1692801514,null],[1692801515,null],[1692801516,null],[1692801517,null],[1692801518,null],[1692801519,null],[1692801520,null],[1692801521,null],[1692801522,null],[1692801523,null],[1692801524,null],[1692801525,null],[1692801526,null],[1692801527,null],[1692801528,null],[1692801529,null],[1692801530,null],[1692801531,null],[1692801532,null],[1692801533,null],[1692801534,null],[1692801535,null],[1692801536,null],[1692801537,null],[1692801538,null],[1692801539,null],[1692801540,null],[1692801541,null],[1692801542,null],[1692801543,null],[1692801544,null],[1692801545,null],[1692801546,null],[1692801547,null],[1692801548,null],[1692801549,null],[1692801550,null],[1692801551,null],[1692801552,null],[1692801553,null],[1692801554,null],[1692801555,null],[1692801556,null],[1692801557,null],[1692801558,null],[1692801559,null],[1692801560,null],[1692801561,null],[1692801562,null],[1692801563,null],[1692801564,null],[1692801565,null],[1692801566,null],[1692801567,null],[1692801568,null],[1692801569,null],[1692801570,null],[1692801571,null],[1692801572,null],[1692801573,null],[1692801574,null],[1692801575,null],[1692801576,null],[1692801577,null],[1692801578,null],[1692801579,null],[1692801580,null],[1692801581,null],[1692801582,null],[1692801583,null],[1692801584,null],[1692801585,null],[1692801586,null],[1692801587,null],[1692801588,null],[1692801589,null],[1692801590,null],[1692801591,null],[1692801592,null],[1692801593,null],[1692801594,null],[1692801595,null],[1692801596,null],[1692801597,null],[1692801598,null],[1692801599,null],[1692801600,null],[1692801601,null],[1692801602,null],[1692801603,null],[1692801604,null],[1692801605,null],[1692801606,null],[1692801607,null],[1692801608,null],[1692801609,null],[1692801610,null],[1692801611,null],[1692801612,null],[1692801613,null],[1692801614,null],[1692801615,null],[1692801616,null],[1692801617,null],[1692801618,null],[1692801619,null],[1692801620,null],[1692801621,null],[1692801622,null],[1692801623,null],[1692801624,null],[1692801625,null],[1692801626,null],[1692801627,null],[1692801628,null],[1692801629,null],[1692801630,null],[1692801631,null],[1692801632,null],[1692801633,null],[1692801634,null],[1692801635,null],[1692801636,null],[1692801637,null],[1692801638,null],[1692801639,null],[1692801640,null],[1692801641,null],[1692801642,null],[1692801643,null],[1692801644,null],[1692801645,null],[1692801646,null],[1692801647,null],[1692801648,null],[1692801649,null],[1692801650,null],[1692801651,null],[1692801652,null],[1692801653,null],[1692801654,null],[1692801655,null],[1692801656,null],[1692801657,null],[1692801658,null],[1692801659,null],[1692801660,null],[1692801661,null],[1692801662,null],[1692801663,null],[1692801664,null],[1692801665,null],[1692801666,null],[1692801667,null],[1692801668,null],[1692801669,null],[1692801670,null],[1692801671,null],[1692801672,null],[1692801673,null],[1692801674,null],[1692801675,null],[1692801676,null],[1692801677,null],[1692801678,null],[1692801679,null],[1692801680,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692801476,[6,0,6]],[1692801477,[6,0,6]],[1692801478,[6,0,6]],[1692801479,[6,0,6]],[1692801480,[6,0,6]],[1692801481,[6,0,6]],[1692801482,[6,0,6]],[1692801483,[6,0,6]],[1692801484,[6,0,6]],[1692801485,[6,0,6]],[1692801486,[5,0,5]],[1692801487,[9,0,9]],[1692801488,[6,0,6]],[1692801489,[9,0,9]],[1692801490,[8,0,8]],[1692801491,[11,0,11]],[1692801492,[8,0,8]],[1692801493,[9,0,9]],[1692801494,[11,0,11]],[1692801495,[8,0,8]],[1692801496,[12,0,12]],[1692801497,[10,0,10]],[1692801498,[10,0,10]],[1692801499,[9,0,9]],[1692801500,[5,0,5]],[1692801501,[15,0,15]],[1692801502,[22,0,22]],[1692801503,[25,0,25]],[1692801504,[30,0,30]],[1692801505,[35,0,35]],[1692801506,[38,0,38]],[1692801507,[41,0,41]],[1692801508,[47,0,47]],[1692801509,[51,0,51]],[1692801510,[55,0,55]],[1692801511,[58,0,58]],[1692801512,[62,0,62]],[1692801513,[66,0,66]],[1692801514,[70,0,70]],[1692801515,[75,0,75]],[1692801516,[78,0,78]],[1692801517,[82,0,82]],[1692801518,[87,0,87]],[1692801519,[90,0,90]],[1692801520,[94,0,94]],[1692801521,[99,0,99]],[1692801522,[103,0,103]],[1692801523,[105,0,105]],[1692801524,[112,0,112]],[1692801525,[115,0,115]],[1692801526,[118,0,118]],[1692801527,[121,0,121]],[1692801528,[127,0,127]],[1692801529,[131,0,131]],[1692801530,[135,0,135]],[1692801531,[138,0,138]],[1692801532,[142,0,142]],[1692801533,[146,0,146]],[1692801534,[151,0,151]],[1692801535,[155,0,155]],[1692801536,[159,0,159]],[1692801537,[163,0,163]],[1692801538,[167,0,167]],[1692801539,[170,0,170]],[1692801540,[175,0,175]],[1692801541,[178,0,178]],[1692801542,[182,0,182]],[1692801543,[186,0,186]],[1692801544,[191,0,191]],[1692801545,[195,0,195]],[1692801546,[199,0,199]],[1692801547,[202,0,202]],[1692801548,[207,0,207]],[1692801549,[210,0,210]],[1692801550,[215,0,215]],[1692801551,[221,0,221]],[1692801552,[222,0,222]],[1692801553,[226,0,226]],[1692801554,[231,0,231]],[1692801555,[234,0,234]],[1692801556,[240,0,240]],[1692801557,[242,0,242]],[1692801558,[247,0,247]],[1692801559,[250,0,250]],[1692801560,[256,0,256]],[1692801561,[260,0,260]],[1692801562,[261,0,261]],[1692801563,[268,0,268]],[1692801564,[270,0,270]],[1692801565,[276,0,276]],[1692801566,[278,0,278]],[1692801567,[283,0,283]],[1692801568,[287,0,287]],[1692801569,[291,0,291]],[1692801570,[295,0,295]],[1692801571,[299,0,299]],[1692801572,[303,0,303]],[1692801573,[306,0,306]],[1692801574,[312,0,312]],[1692801575,[314,0,314]],[1692801576,[320,0,320]],[1692801577,[323,0,323]],[1692801578,[327,0,327]],[1692801579,[331,0,331]],[1692801580,[336,0,336]],[1692801581,[339,0,339]],[1692801582,[343,0,343]],[1692801583,[346,0,346]],[1692801584,[352,0,352]],[1692801585,[355,0,355]],[1692801586,[359,0,359]],[1692801587,[363,0,363]],[1692801588,[367,0,367]],[1692801589,[372,0,372]],[1692801590,[376,0,376]],[1692801591,[379,0,379]],[1692801592,[382,0,382]],[1692801593,[387,0,387]],[1692801594,[392,0,392]],[1692801595,[395,0,395]],[1692801596,[399,0,399]],[1692801597,[403,0,403]],[1692801598,[407,0,407]],[1692801599,[412,0,412]],[1692801600,[415,0,415]],[1692801601,[419,0,419]],[1692801602,[423,0,423]],[1692801603,[427,0,427]],[1692801604,[432,0,432]],[1692801605,[436,0,436]],[1692801606,[439,0,439]],[1692801607,[443,0,443]],[1692801608,[447,0,447]],[1692801609,[452,0,452]],[1692801610,[456,0,456]],[1692801611,[459,0,459]],[1692801612,[463,0,463]],[1692801613,[467,0,467]],[1692801614,[472,0,472]],[1692801615,[477,0,477]],[1692801616,[479,0,479]],[1692801617,[482,0,482]],[1692801618,[487,0,487]],[1692801619,[493,0,493]],[1692801620,[495,0,495]],[1692801621,[500,0,500]],[1692801622,[502,0,502]],[1692801623,[508,0,508]],[1692801624,[512,0,512]],[1692801625,[515,0,515]],[1692801626,[520,0,520]],[1692801627,[524,0,524]],[1692801628,[527,0,527]],[1692801629,[533,0,533]],[1692801630,[535,0,535]],[1692801631,[539,0,539]],[1692801632,[544,0,544]],[1692801633,[547,0,547]],[1692801634,[551,0,551]],[1692801635,[557,0,557]],[1692801636,[560,0,560]],[1692801637,[563,0,563]],[1692801638,[568,0,568]],[1692801639,[571,0,571]],[1692801640,[577,0,577]],[1692801641,[580,0,580]],[1692801642,[583,0,583]],[1692801643,[588,0,588]],[1692801644,[592,0,592]],[1692801645,[596,0,596]],[1692801646,[598,0,598]],[1692801647,[605,0,605]],[1692801648,[607,0,607]],[1692801649,[612,0,612]],[1692801650,[617,0,617]],[1692801651,[621,0,621]],[1692801652,[623,0,623]],[1692801653,[627,0,627]],[1692801654,[633,0,633]],[1692801655,[635,0,635]],[1692801656,[641,0,641]],[1692801657,[643,0,643]],[1692801658,[648,0,648]],[1692801659,[651,0,651]],[1692801660,[657,0,657]],[1692801661,[661,0,661]],[1692801662,[662,0,662]],[1692801663,[669,0,669]],[1692801664,[671,0,671]],[1692801665,[677,0,677]],[1692801666,[680,0,680]],[1692801667,[684,0,684]],[1692801668,[686,0,686]],[1692801669,[693,0,693]],[1692801670,[697,0,697]],[1692801671,[701,0,701]],[1692801672,[704,0,704]],[1692801673,[706,0,706]],[1692801674,[713,0,713]],[1692801675,[717,0,717]],[1692801676,[720,0,720]],[1692801677,[724,0,724]],[1692801678,[728,0,728]],[1692801679,[733,0,733]],[1692801680,[1069,0,1069]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692801476,[6,0,6]],[1692801477,[6,0,6]],[1692801478,[6,0,6]],[1692801479,[6,0,6]],[1692801480,[6,0,6]],[1692801481,[6,0,6]],[1692801482,[6,0,6]],[1692801483,[6,0,6]],[1692801484,[6,0,6]],[1692801485,[6,0,6]],[1692801486,[5,0,5]],[1692801487,[9,0,9]],[1692801488,[6,0,6]],[1692801489,[9,0,9]],[1692801490,[8,0,8]],[1692801491,[11,0,11]],[1692801492,[8,0,8]],[1692801493,[9,0,9]],[1692801494,[11,0,11]],[1692801495,[8,0,8]],[1692801496,[12,0,12]],[1692801497,[10,0,10]],[1692801498,[10,0,10]],[1692801499,[9,0,9]],[1692801500,[5,0,5]],[1692801501,[15,0,15]],[1692801502,[21,0,21]],[1692801503,[26,0,26]],[1692801504,[30,0,30]],[1692801505,[35,0,35]],[1692801506,[38,0,38]],[1692801507,[41,0,41]],[1692801508,[47,0,47]],[1692801509,[51,0,51]],[1692801510,[55,0,55]],[1692801511,[58,0,58]],[1692801512,[62,0,62]],[1692801513,[66,0,66]],[1692801514,[70,0,70]],[1692801515,[75,0,75]],[1692801516,[78,0,78]],[1692801517,[82,0,82]],[1692801518,[87,0,87]],[1692801519,[90,0,90]],[1692801520,[94,0,94]],[1692801521,[99,0,99]],[1692801522,[103,0,103]],[1692801523,[105,0,105]],[1692801524,[111,0,111]],[1692801525,[116,0,116]],[1692801526,[118,0,118]],[1692801527,[120,0,120]],[1692801528,[128,0,128]],[1692801529,[131,0,131]],[1692801530,[135,0,135]],[1692801531,[138,0,138]],[1692801532,[142,0,142]],[1692801533,[146,0,146]],[1692801534,[151,0,151]],[1692801535,[155,0,155]],[1692801536,[159,0,159]],[1692801537,[162,0,162]],[1692801538,[168,0,168]],[1692801539,[170,0,170]],[1692801540,[175,0,175]],[1692801541,[178,0,178]],[1692801542,[182,0,182]],[1692801543,[186,0,186]],[1692801544,[191,0,191]],[1692801545,[195,0,195]],[1692801546,[199,0,199]],[1692801547,[202,0,202]],[1692801548,[207,0,207]],[1692801549,[210,0,210]],[1692801550,[215,0,215]],[1692801551,[221,0,221]],[1692801552,[222,0,222]],[1692801553,[226,0,226]],[1692801554,[231,0,231]],[1692801555,[234,0,234]],[1692801556,[240,0,240]],[1692801557,[242,0,242]],[1692801558,[247,0,247]],[1692801559,[250,0,250]],[1692801560,[256,0,256]],[1692801561,[260,0,260]],[1692801562,[261,0,261]],[1692801563,[268,0,268]],[1692801564,[270,0,270]],[1692801565,[276,0,276]],[1692801566,[278,0,278]],[1692801567,[283,0,283]],[1692801568,[287,0,287]],[1692801569,[290,0,290]],[1692801570,[296,0,296]],[1692801571,[299,0,299]],[1692801572,[303,0,303]],[1692801573,[306,0,306]],[1692801574,[312,0,312]],[1692801575,[314,0,314]],[1692801576,[320,0,320]],[1692801577,[323,0,323]],[1692801578,[327,0,327]],[1692801579,[331,0,331]],[1692801580,[336,0,336]],[1692801581,[339,0,339]],[1692801582,[343,0,343]],[1692801583,[346,0,346]],[1692801584,[352,0,352]],[1692801585,[355,0,355]],[1692801586,[359,0,359]],[1692801587,[363,0,363]],[1692801588,[367,0,367]],[1692801589,[372,0,372]],[1692801590,[375,0,375]],[1692801591,[380,0,380]],[1692801592,[382,0,382]],[1692801593,[387,0,387]],[1692801594,[392,0,392]],[1692801595,[395,0,395]],[1692801596,[399,0,399]],[1692801597,[403,0,403]],[1692801598,[407,0,407]],[1692801599,[412,0,412]],[1692801600,[415,0,415]],[1692801601,[419,0,419]],[1692801602,[423,0,423]],[1692801603,[427,0,427]],[1692801604,[432,0,432]],[1692801605,[436,0,436]],[1692801606,[439,0,439]],[1692801607,[443,0,443]],[1692801608,[447,0,447]],[1692801609,[452,0,452]],[1692801610,[456,0,456]],[1692801611,[459,0,459]],[1692801612,[463,0,463]],[1692801613,[467,0,467]],[1692801614,[472,0,472]],[1692801615,[477,0,477]],[1692801616,[478,0,478]],[1692801617,[483,0,483]],[1692801618,[487,0,487]],[1692801619,[493,0,493]],[1692801620,[495,0,495]],[1692801621,[500,0,500]],[1692801622,[502,0,502]],[1692801623,[508,0,508]],[1692801624,[512,0,512]],[1692801625,[515,0,515]],[1692801626,[520,0,520]],[1692801627,[524,0,524]],[1692801628,[527,0,527]],[1692801629,[533,0,533]],[1692801630,[535,0,535]],[1692801631,[539,0,539]],[1692801632,[543,0,543]],[1692801633,[548,0,548]],[1692801634,[551,0,551]],[1692801635,[557,0,557]],[1692801636,[559,0,559]],[1692801637,[564,0,564]],[1692801638,[568,0,568]],[1692801639,[571,0,571]],[1692801640,[577,0,577]],[1692801641,[580,0,580]],[1692801642,[583,0,583]],[1692801643,[587,0,587]],[1692801644,[593,0,593]],[1692801645,[596,0,596]],[1692801646,[598,0,598]],[1692801647,[605,0,605]],[1692801648,[607,0,607]],[1692801649,[612,0,612]],[1692801650,[617,0,617]],[1692801651,[621,0,621]],[1692801652,[623,0,623]],[1692801653,[627,0,627]],[1692801654,[632,0,632]],[1692801655,[636,0,636]],[1692801656,[641,0,641]],[1692801657,[643,0,643]],[1692801658,[648,0,648]],[1692801659,[651,0,651]],[1692801660,[657,0,657]],[1692801661,[661,0,661]],[1692801662,[662,0,662]],[1692801663,[668,0,668]],[1692801664,[672,0,672]],[1692801665,[676,0,676]],[1692801666,[680,0,680]],[1692801667,[685,0,685]],[1692801668,[686,0,686]],[1692801669,[693,0,693]],[1692801670,[696,0,696]],[1692801671,[701,0,701]],[1692801672,[703,0,703]],[1692801673,[708,0,708]],[1692801674,[713,0,713]],[1692801675,[717,0,717]],[1692801676,[719,0,719]],[1692801677,[725,0,725]],[1692801678,[728,0,728]],[1692801679,[733,0,733]],[1692801680,[1069,0,1069]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68413.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
